<template lang="html">
  <div>
    <swiper loop auto :list="imageList"></swiper>
  </div>
</template>

<script>
import {
  Swiper,
  SwiperItem
} from 'vux'

const list = [
  'http://placeholder.qiniudn.com/800x300/FF3B3B/ffffff',
  'http://placeholder.qiniudn.com/800x300/FFEF7D/ffffff',
  'http://placeholder.qiniudn.com/800x300/8AEEB1/ffffff'
]
export default {
  components: {
    Swiper,
    SwiperItem
  },
  data () {
    return {
      imageList: list.map((item, index) => ({
        url: '',
        img: item,
        title: index
      }))
    }
  }
}
</script>

<style lang="css">
</style>
